<template>
    <div class="container-filled">
        <el-container>
            <el-header>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
                    router="true">
                    <el-menu-item v-for="(item, key) in elMenuItems" :key="key" :index="item.path">
                        {{ item.name }}
                    </el-menu-item>
                </el-menu>
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    props : ['activeIndex','elMenuItems'],
    data() {
        return {
            
        }
    },
    created() {
        this.$router.push(this.activeIndex)
    }
}
</script>

<style lang="scss" scoped>

</style>